import React from "react";
import styled from "styled-components";

const HeaderCom = styled.div`
  margin: 20px;

  .inp {
    width: 400px;
    height: 30px;
  }

  button {
    margin-left: 30px;
    width: 100px;
    height: 50px;
  }
`;

const ButtonStyle = styled.button`
  font-size: 1em;
  margin: 1em;
  padding: 0.25em 1em;
  border: 2px solid #bf4f74;
  border-radius: 10px;
`;

const TomaoToButtonStyle = styled(ButtonStyle)`
  background: #ff0;
`;

export { HeaderCom, ButtonStyle, TomaoToButtonStyle };
